// 对axios进行二次封装
import axios from "axios"
import type { AxiosInstance } from "axios"
import type { RequestInterceptor, RequestConfig } from "./type"

const DEFAULT_LOADING = true

class Request {
  instance: AxiosInstance
  interceptors?: RequestInterceptor
  showLoading: boolean

  constructor(config: RequestConfig) {
    // 创建axios实例
    this.instance = axios.create(config)

    // 保存基本信息
    this.showLoading = config.showLoading ?? DEFAULT_LOADING
    this.interceptors = config.interceptors

    // 1.从config中取出的拦截器是对应实例的拦截器（创建实例传入的拦截器）
    // 请求拦截器
    this.instance.interceptors.request.use(
      this.interceptors?.requestInterceptor,
      this.interceptors?.requestInterceptorCatch
    )
    // 响应拦截器
    this.instance.interceptors.response.use(
      this.interceptors?.responseInterceptor,
      this.interceptors?.responseInterceptorCatch
    )

    // 2.所有实例都有的拦截器（全局拦截）
    // 请求拦截器
    this.instance.interceptors.request.use(
      config => {
        // console.log("所有实例都有的拦截器：请求成功拦截")
        if (this.showLoading) {
          console.log("loading...")
        }
        return config
      },
      err => {
        // console.log("所有实例都有的拦截器：请求失败拦截")
        return err
      }
    )
    // 响应拦截器
    this.instance.interceptors.response.use(
      res => {
        // console.log("所有实例都有的拦截器：响应成功拦截")
        if (this.showLoading) {
          console.log("结束loading...")
        }
        // console.log(res)
        return res
      },
      err => {
        // console.log("所有实例都有的拦截器：响应失败拦截")
        return err
      }
    )
  }

  // 3.请求
  request<T = any>(config: RequestConfig<T>): Promise<T> {
    return new Promise((resolve, reject) => {
      // 单个请求对请求config的处理
      if (config.interceptors?.requestInterceptor) {
        config = config.interceptors.requestInterceptor(config)
      }

      // 判断是否需要显示loading
      if (config.showLoading == false) {
        this.showLoading = config.showLoading
      }
      this.instance
        .request<any, T>(config)
        .then(res => {
          // 1.单个请求对数据的处理
          if (config.interceptors?.responseInterceptor) {
            res = config.interceptors.responseInterceptor(res)
          }
          // 2.重置showLoading
          this.showLoading = DEFAULT_LOADING
          // 3.将结果resolve返回出去
          resolve(res)
        })
        .catch(err => {
          // 重置showLoading
          this.showLoading = DEFAULT_LOADING
          reject(err)
        })
    })
  }
  get<T = any>(config: RequestConfig<T>): Promise<T> {
    return this.request<T>({ ...config, method: "GET" })
  }
  post<T = any>(config: RequestConfig<T>): Promise<T> {
    return this.request<T>({ ...config, method: "POST" })
  }
  put<T = any>(config: RequestConfig<T>): Promise<T> {
    return this.request<T>({ ...config, method: "PUT" })
  }
  delete<T = any>(config: RequestConfig<T>): Promise<T> {
    return this.request<T>({ ...config, method: "DELETE" })
  }
}

export default Request
